<html>
	<head>
			Eco Rider-Where do you want to go today?
			<style type="text/css">
					a.link : {text-decoration:none;}
					
      .g { color: #666; }
      .i { display: inline; }
      
      .ss-q-title {
        font-weight: bold;
      }
      
      .ss-form-desc {
        font: inherit;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        word-wrap: break-word;
        width: 99%;
      }
      
      .ss-q-help {
        color: #666;
      }
      
      .ss-form-entry {
        margin-bottom: 1.5em;
      }
      
      .ss-choices {
        list-style: none;
        margin: 0.5em 0 0 0;
        padding: 0;
      }
      
      
      .borderBlack
      {
      	background-color:Black;
				color:White;
      }
      .ss-powered-by {
        color: #666;
        margin: 0.2em;
      }
					.smallArial10
					{
						font-family:Arial,Verdana;
						color:White;
					}
					
					.txt
					{
						border:1px solid white;
					}
					
					.borderBlack
					{
						background-color:Black;
						color:White;
					}
					.translucent
					{
					    filter:alpha(opacity=60);
					    -moz-opacity:0.6;
					    opacity:0.6;
					}
					.widthTitles
					{
						width:20%;
					}
					.widthInput
					{
						width:80%;
					}
				</style>
				<script type="text/javascript" src="calendar.js"></script>
				<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA08syTZoeZ59o8mbz_bIn7RTQNiblO3_xsG1AUQwKjfUIe2n4fRRnCMVFTMWQ7iXWqchA7Hq6JTFgwQ"
type="text/javascript"></script>

		    <script type="text/javascript">
		
		    //<![CDATA[
		
		    var map;
		    var gdir;
		    var geocoder = null;
		    var addressMarker;
		    var arrLocation= new Array();
		    var xmlHTTP;
		    var directionPanel = null;
		    var arrQueryResultsDistances=new Array();
				
		    function SourceDestination()
		    {
		        this.Source="";
						this.Destination="";
						this.GDir="";
						this.GData="";
						this.markerStart="";
						this.Distance="";
						this.EmailID="";
						this.StartTime="";
						this.StartDate="";
						this.Capacity="";
						this.RouteID="";
				}
		  
		  function initialize() 
		  {
				
				  var counter=0
				
				  var objDistance=new Object()
				
		      if (GBrowserIsCompatible()) 
		      {      
		        map = new GMap2(document.getElementById("map_canvas"));
						geocoder = new GClientGeocoder();
						map.setCenter(new GLatLng(37,-122),8);
					
						while(counter<arrQueryResultsDistances.length)
						{
							var strID="div"+counter
						
						        gdir = new GDirections()
							arrQueryResultsDistances[counter].GDir=gdir
							setDirections(arrQueryResultsDistances[counter],"en-US")
							counter++;
						}
		
		      }
		    }
		
		    
		    function setDirections(location, locale) {
		     
			GEvent.addListener(location.GDir,"load", function()
			{
			
			var route = location.GDir.getRoute(0);
		
			location.markerStart = new GMarker(route.getStep(0).getLatLng());
			markerEnd = new GMarker(route.getEndLatLng());
		        markerEnd.isEnd = true;        
		
		        map.addOverlay(location.markerStart);
		        map.addOverlay(markerEnd);
		
			map.addOverlay(location.GDir.getPolyline());
						var icon = new GIcon(G_DEFAULT_ICON);			
		        location.markerStart.setImage("http://www.google.com/intl/en_us/mapfiles/dd-start.png");
		        
		        markerEnd.setImage("http://www.google.com/intl/en_us/mapfiles/dd-end.png");
		        
		
				GEvent.addListener(location.markerStart, "click", function() {
			location.markerStart.openInfoWindowHtml("<b>From</b>: "+location.Source+"<br /><b>To</b>: "+location.Destination+"<br /><b>EmailID</b>:"+location.EmailID+"<br /><b>Date of Travel</b>:"+location.StartDate );
			});
		
			})
		
			location.GDir.load("from: "+ location.Source + " to: " + location.Destination,{locale: locale, getPolyline: true, getSteps: true});
		
			
		
		    }	
		    
		    
		  function CloseWindow(id)
			{
					document.getElementById(id).style.display="none"
					BlurBackground()
					//RemoveDummy()
			}
			function OpenDIV()
			{
					var obj=document.getElementById("divPostEntry")
					
					var pos=ObjectCoOrdinates("aPostRide")
			    BlurBackground()
			    //DrawDummy("divPostEntry")
			    
			    
			    obj.style.top=parseInt(pos.y-80)+"px"
			    obj.style.left=parseInt(pos.x-200)+"px"
			    obj.style.zIndex=10000
			    obj.style.display=""
			}
			
			function BlurBackground()
			{
			    
			    
			    var objBlockUI=document.getElementById("blockUI")
			    var isVisible=objBlockUI.style.display
			    var objTable=document.getElementById("tblBlockUI")
			    var pos=ObjectCoOrdinates("tblBlockUI")
			    
			    
			    objBlockUI.style.position="absolute"
			    objBlockUI.style.top="0px"
			    objBlockUI.style.left="0px"

			    var dimensions=GetDimensions()
			    objBlockUI.style.zIndex=100
			    objBlockUI.style.height=dimensions.y+"px"
			    objBlockUI.style.width=dimensions.x+"px"
			    //objBlockUI.style.height="825px"
			    
			   // objBlockUI.style.width="780px"
			    
			    if(isVisible=="none")
			    {
			       
			        objBlockUI.style.display=""
			    }
			    else
			    {
			         objBlockUI.style.display="none"
			    }
			   
			}
			function GetDimensions()
			{
			    var pos=new Position()
			    
			    if (typeof event!="undefined")
			    {
			        
			        pos.x=document.documentElement.scrollWidth
			        pos.y=document.documentElement.offsetHeight
			    }
			    else
			    {
			        
			        pos.x=document.documentElement.scrollWidth
			        //pos.y=document.documentElement.scrollHeight
			        pos.y=window.outerHeight
			    }
			    return pos
			}
			
			
			
			function Position()
			{
			this.x=""
			this.y=""
			}
			
			
			function DrawDummy(id)
			
			{
			    var obj=document.getElementById(id)
			    var objParent
			    var objDirt=document.createElement("div")
			    objDirt.id="divDummy"
			    objParent=obj.parentElement || obj.parentNode
			    objParent.appendChild(objDirt)
			    objParent.removeChild(obj)
			    
			    document.body.appendChild(obj)
			}
			function RemoveDummy(id)
			{
			    var objDirt=document.getElementById("divDummy")
			    var objParent=objDirt.parentElement || objDirt.parentNode
			    
			    objParent.removeChild(objDirt)
			    objParent.appendChild(document.getElementById(id))
			}
			function ObjectCoOrdinates(strObjectName)
			{
			        var el = document.getElementById(strObjectName)
			      
			        var totalOffsetTop = 0;
			        var totalOffsetLeft=0
			        var pos=new Position()
			        if (el==null)
			        {
			         pos.x=-1
			         pos.y=-1
			         return pos   
			        }  
			        while (el != null) 
			        {
			            totalOffsetTop += el.offsetTop;
			            totalOffsetLeft+= el.offsetLeft;
			            el = el.offsetParent;
			        }
			        pos.y=totalOffsetTop
			        pos.x=totalOffsetLeft
			        return pos
			}
		    function GetXmlHttpObject()
				{
				var xmlHttp=null;
				try
				  {
				  // Firefox, Opera 8.0+, Safari
				  xmlHttp=new XMLHttpRequest();
				  }
				catch (e)
				  {
				  // Internet Explorer
				  try
				    {
				    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
				    }
				  catch (e)
				    {
				    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				    }
				  }
				return xmlHttp;
				}
		    
		    
		  function PostRequest()
		  {
		  	
		  	
	
		  		xmlHTTP=GetXmlHttpObject()
		  		
		  		var StartLocation=document.getElementsByName("single:0")[0].value
		  		var EndLocation=document.getElementsByName("single:1")[0].value
		  		var StartDate=document.getElementsByName("single:2")[0].value
		  		var EndDate=document.getElementsByName("single:3")[0].value
		  		var StartTime=document.getElementById("cmbHourStartTime").value + ":"+document.getElementById("cmbMinStartTime").value +" " + document.getElementById("cmbAMPMStartTime").value 
		  		var EndTime=document.getElementById("cmbHourEndTime").value + ":"+document.getElementById("cmbMinEndTime").value +" " + document.getElementById("cmbAMPMEndTime").value 
		  		var IsDriver="IsDriver" // document.getElementByName("single:6")[0].value
		  		var Lat=document.getElementsByName("single:6")[0].value
		  		var longitude=document.getElementsByName("single:7")[0].value
		  		var RemainingSeats=document.getElementsByName("single:9")[0].value
		  		var EMail=document.getElementsByName("single:10")[0].value
		  		var RouteID=""//document.getElementByName("single:0")[0].value
		  		
		  		
		  		var URL="validateemail.php?startlocation="+StartLocation+"&endlocation="+EndLocation+"&startdate="+StartDate
		  		URL+="&enddate="+EndDate+"&starttime="+StartTime+"&endtime="+EndTime+"&isdriver=isdriver&lat="+Lat+"&long="+longitude+"&remainingseats="+RemainingSeats
		  		URL+="&emailid="+EMail+"&routeid="+RouteID
		  		xmlHTTP.onreadystatechange=PostRequestStateChanged;
		  		xmlHTTP.open("GET",URL,false);
		  		xmlHTTP.send("")
		  }
		  function PostRequestStateChanged()
		  {
		  		if(xmlHTTP.readyState==4)
		  		{
		  				var str=xmlHTTP.responseText;
		  				CloseWindow('divPostEntry')
		  		}
		  }
		  
		  
				function showAddress(address) 
				{
					
					if (geocoder) 
					{
						geocoder.getLatLng(
						address,
						function(point) {
								if (!point) {
									alert(address + " not found");
									return false
									} else {
										//alert(point.lat())
										document.getElementsByName("single:6")[0].value=point.lat() //latitude
										document.getElementsByName("single:7")[0].value=point.lng() //longitude
								//map.setCenter(point, 13);
								//var marker = new GMarker(point);
								//map.addOverlay(marker);
								//marker.openInfoWindowHtml(address);
								return true
								}
						}
					);
				}
				}




var directions;


function nearest_query(obj) {
	
	//map = new GMap2(document.getElementById("map_canvas")); //keep it global
	//directionPanel = document.getElementById("directions"); //keep it global
	
	directions = new GDirections();
	
	//pull all the start locations, end locations, user email, start_date>date_requested,start_time>time_requested, and seats left from the database and create a string like "from:entered_by_user to:all_locations"
	var objSourceIpAddress=document.getElementById("SourceAddress")
	directions.load("from : " + obj.source + " to " + objSourceIpAddress.value);
	
	//alert(directions.getDistance().meters);
	//Check the distance, if distance is less than say 1000 metres or so, display them.
	
	if(directions.getDistance().meters <= 1000){
							obj.GDir=directions;
							setDirections(obj,"en-US")
	//append the result to a Div and also append it to the array for the map
	}
}


function GetQueryResults()
{
	xmlHTTP=GetXmlHttpObject();
	var StartDate=document.getElementById("SourceAddress").value;
	var StartTime=document.getElementById("cmbHour").value + ":"+document.getElementById("cmbMin").value + " " + document.getElementById("cmbAMPM").value ; 
	
	var URL="querydb.php?startdate=" + StartDate+"&starttime="+StartTime;
	xmlHTTP.open("GET",URL,false)
	xmlHTTP.onreadystatechange=GetQueryResultsStateChanged;
	xmlHTTP.send(null)
	
	
}
function GetQueryResultsStateChanged()
{
		if(xmlHTTP.readyState==4)
		{
				var str=xmlHTTP.responseXML
				LoadInformation(str)
		}
}

function LoadInformation(str)
{
		var xmlNodeList=str.getElementsByTagName("INFO")
		
		var counter=0
		var xmlNode;
		
		var ipDate=new Date(document.getElementById("DateOfTravel").value)
		var opDate;
		while(counter<xmlNodeList.length)
		{
				xmlNode=xmlNodeList[counter]
				arrQueryResultsDistances[counter]=new SourceDestination()
				arrQueryResultsDistances[counter].Source=xmlNode.getElementsByTagName("startlocation")[0].childNodes[0].data
				arrQueryResultsDistances[counter].Destination=xmlNode.getElementsByTagName("endlocation")[0].childNodes[0].data
				arrQueryResultsDistances[counter].StartDate=xmlNode.getElementsByTagName("startdate")[0].childNodes[0].data
				arrQueryResultsDistances[counter].Capacity=xmlNode.getElementsByTagName("remainingseats")[0].childNodes[0].data
				arrQueryResultsDistances[counter].Destination=xmlNode.getElementsByTagName("endlocation")[0].childNodes[0].data
				arrQueryResultsDistances[counter].EmailID=xmlNode.getElementsByTagName("email")[0].childNodes[0].data
				
				if(xmlNode.getElementsByTagName("routeid")[0]!=null)
				{
						if(xmlNode.getElementsByTagName("routeid")[0].childNodes[0]!=null)
						{
								arrQueryResultsDistances[counter].RouteID=xmlNode.getElementsByTagName("routeid")[0].childNodes[0].data
						}
				}
				opDate=new Date(arrQueryResultsDistances[counter].StartDate)
				//alert(opDate)
				//alert(document.getElementById("txtStartDate").value)
				//alert(ipDate)
				if(ipDate>=opDate)
				{
					//nearest_query(arrQueryResultsDistances[counter])
				}
				
				counter++
		}
		
		//call initialize here 
		initialize()
		
		counter=0
		var innerCounter=0
		var objTD,objTR,objTable,objTBody
		
		var objTHead=document.createElement("thead")
		
		objTBody=document.createElement("tbody")
		objTable=document.createElement("table")
		
		objTR=document.createElement("tr")
		
		objTD=document.createElement("td")
		objTD.style.color="White"
		objTD.style.fontWeight="bold"
		objTD.innerHTML="FROM"
		objTR.appendChild(objTD)
	
		objTD=document.createElement("td")
		objTD.style.color="White"
		objTD.style.fontWeight="bold"
		objTD.innerHTML="TO"
		objTR.appendChild(objTD)
		
		objTD=document.createElement("td")
		objTD.style.color="White"
		objTD.style.fontWeight="bold"
		objTD.innerHTML="Date"
		objTR.appendChild(objTD)
		objTHead.style.backgroundColor="#1f1f1f"
	objTHead.appendChild(objTR)
	objTable.appendChild(objTHead)	
		objTable.border="1"
		objTable.style.borderCollapse="collapse"
		objTable.style.border="1px solid White"
		while(counter<arrQueryResultsDistances.length)
		{
				xmlNode=xmlNodeList[counter]
				innerCounter=0
				objTR=document.createElement("tr")
				
				objTD=document.createElement("td")
				objTD.style.color="White"
				objTD.style.fontWeight="bold"
				objTD.innerHTML=arrQueryResultsDistances[counter].Source
						objTR.appendChild(objTD)
				
						objTD=document.createElement("td")
				objTD.style.color="White"
				objTD.style.fontWeight="bold"
				objTD.innerHTML+=arrQueryResultsDistances[counter].Destination
						objTR.appendChild(objTD)
				
						objTD=document.createElement("td")
				objTD.style.color="White"
				objTD.style.fontWeight="bold"
				objTD.innerHTML+=arrQueryResultsDistances[counter].StartDate
				
						objTR.appendChild(objTD)
				
				objTBody.appendChild(objTR)
				counter++
				
		}
		objTable.appendChild(objTBody)
		document.getElementById("divResultPane").innerHTML=""
		document.getElementById("divResultPane").appendChild(objTable)
}
		</script>

	</head>
	<body style="background-color:Black" onload="initialize()" onunload="GUnload()">
			<table style="width:100%">
					<tr>
							<td style="width:100%" align="center">
									<!-- IMAGE GOES HERE-->
									<img src="ecoriderlogo.png" alt="Eco Ride"/>
							</td>
					</tr>
					<tr>
							<td style="width:100%;color:White;font-family:Arial,Verdana" valign="top">
								Where do you want to go today?
							</td>
					</tr>
			</table>
			<!--<form action="#" onsubmit="setDirections(this.from.value, this.to.value, this.locale.value); return false">-->
				<table style="width:100%;">
					<tr>
							<td style="width:15%" class="smallArial10">
									Source Address
							</td>
							<td style="width:35%">
									<input type="text" class="smallArial10 borderBlack" style="width:80%" id="SourceAddress" />
							</td>
					
							<td style="width:15%;padding-left:15px" class="smallArial10">
									Destination Address
							</td>
							<td style="width:35%">
									<input type="text" class="smallArial10 borderBlack" style="width:80%" id="DestinationAddress" />
							</td>
					</tr>
					<tr>
							<td style="width:15%" class="smallArial10">
									Date of Travel
							</td>
							<td style="width:35%">
									<input type="text" class="smallArial10 borderBlack" style="width:80%" id="DateOfTravel"  onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)"   />
							</td>
					
							<td style="width:15%;padding-left:15px" class="smallArial10">
									Time
							</td>
							<td style="width:35%">
									<!--<input type="text" class="smallArial10 borderBlack" style="width:80%" id="TimeOfTravel" />-->
									<select id="cmbHour" class="borderBlack">
											<option value="" selected>HH</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="7">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>											
									</select>
									<select id="cmbMin" class="borderBlack">
										<option value="" selected="true">MM</option>
										<option value="0">00</option>
										<option value="15">15</option>
										<option value="30">30</option>
										<option value="45">45</option>
									</select>
									<select id="cmbAMPM" class="borderBlack">
											<option value="AM">AM</option>
											<option value="PM">PM</option>
									</select>
							</td>
					</tr>
					<tr>
							<td colspan="4" align="center">
									<input type="button" class="txt smallArial10" style="background-color:Black;cursor:pointer;border:1px solid White" value="Eco Ride" onclick="javascript:GetQueryResults()" />
							</td>
					</tr>
					<tr>
							<td colspan="4" align="center">
									<a class="txt smallArial10 borderBlack"  onclick="javascript:OpenDIV()" id="aPostRide" href="#">Post an Eco Ride</a>
							</td>
					</tr>
				</table>
			<!--</form>-->
			<table class="directions" style="width:100%">
		      <tr>
		    		<td valign="top" id="tdDirections" style="display:none">
		    			<div id="directions" style="width: 0px">
		    			</div>
		    		</td>
		    		<td valign="top" align="left" style="padding-left:50px" >
		    				<div id="divResultPane" style="border:1px solid White;height:400px;width:500px"> </div>
		    		</td>
		   			 <td valign="top" align="right" style="padding-right:88px">
		   			 	<div id="map_canvas" style="width: 350px; height: 400px">
		   			 	</div>
		   			 </td>		
		    </tr>
    </table>
    <div id="blockUI" class="translucent" style='border:0px solid Blue;display: none; background-color: Black;width: 800px; height: 700px;position: absolute;  z-index: 10000;' onclick="return false" onmousedown="return false" onmousemove="return false" onmouseup="return false" ondblclick="return false"></div>

		<div id="divPostEntry" style="display:none;background-color:Black;width:550px;height:500px;position:absolute;border:2px solid #FFFFCC">
				<table style="width:100%;background-color:#88AAD6;font-family:Arial,Verdana;border:1px solid black">
						<tr>
								<td style="width:50%" align="left">
										Post entry
								</td>
								<td style="width:50%" align="right">
										<a href="javascript:CloseWindow('divPostEntry')" style="color:Black;text-decoration:none">X</a>
								</td>
						</tr>
				</table>
				
				<div style="width:100%;height:100%">
					<table style="width:100%">
							<tr>
									<td class="smallArial10 widthTitles borderBlack" style="width:10%" >
											Start Location
									</td>
									<td class="widthInput">
										<input type="text" class="txt borderBlack" name="single:0" onblur="javascript:showAddress(this.value)" />					
									</td>
							</tr>
							
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											EndLocation
									</td>
									<td class="widthInput">
										<input type="text" class="txt borderBlack" style="width:80%" name="single:1" onblur="javascript:showAddress(this.value)"  />
									</td>
							</tr>
							
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											Start Date
									</td>
									<td class="widthInput">
										<input type="text" class="txt borderBlack"  name="single:2" onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)" id="StartPostDate" />
									</td>
							</tr>
							
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											EndDate
									</td>
									<td class="widthInput">
										<input type="text" class="txt borderBlack" name="single:3" id="EndPostDate" onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)" />			
									</td>
							</tr>
							
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											StartTime
									</td>
									<td class="widthInput">
										<!--<input type="text" class="txt borderBlack" name="single:4" />-->
										<select id="cmbHourStartTime" class="borderBlack">
											<option value="" selected>HH</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="7">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>											
									</select>
									<select id="cmbMinStartTime" class="borderBlack">
										<option value="" selected="true">MM</option>
										<option value="0">00</option>
										<option value="15">15</option>
										<option value="30">30</option>
										<option value="45">45</option>
									</select>
									<select id="cmbAMPMStartTime" class="borderBlack">
											<option value="AM">AM</option>
											<option value="PM">PM</option>
									</select>
									</td>
							</tr>
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											EndTime
									</td>
									<td class="widthInput">
										<!--<input type="text" class="txt borderBlack" name="single:5" />					-->
										<select id="cmbHourEndTime" class="borderBlack">
											<option value="" selected>HH</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="7">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>											
									</select>
									<select id="cmbMinEndTime" class="borderBlack">
										<option value="" selected="true">MM</option>
										<option value="0">00</option>
										<option value="15">15</option>
										<option value="30">30</option>
										<option value="45">45</option>
									</select>
									<select id="cmbAMPMEndTime" class="borderBlack">
											<option value="AM">AM</option>
											<option value="PM">PM</option>
									</select>
									</td>
							</tr>
							
							<tr>
									<td class="smallArial10 widthTitles borderBlack" style="display:none;width:10%"   >
											Latitudes
									</td>
									<td class="widthInput">
										<input type="hidden" class="txt borderBlack" name="single:6" />					
									</td>
							</tr>
							
							<tr>
									<td class="smallArial10 widthTitles borderBlack" style="display:none;width:10%">
											Longitudes
									</td>
									<td class="widthInput">
										<input type="hidden" class="txt borderBlack" name="single:7" />					
									</td>
							</tr>
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											RemainingSeats
									</td>
									<td class="widthInput">
											<input type="text" class="txt borderBlack" name="single:9" />
									</td>
							</tr>
							<tr>
									<td class="smallArial10 widthTitles borderBlack"  style="width:10%" >
											EmailID
									</td>
									<td class="widthInput"  style="width:90%" >
										<input type="text" class="txt borderBlack" name="single:10" />
									</td>
							</tr>
							<tr>
									<td colspan="2">
											<input type="button" value="Submit" class="txt borderBlack" onclick="javascript:PostRequest()" />
									</td>
							</tr>
					</table>
						

				
		
		</div>	
				
	</body>
	
</html>

